<template>
  <view class="">
    <u-navbar
      :is-back="true"
      title="操作指导"
      title-color="white"
      :border-bottom="false"
      back-icon-color="white"
      :background="background"
      title-size="34"
    ></u-navbar>
    <view class="img-wrapper" v-for="index in 5" :key="index">
      <u-image :src="filePath + (index + 1) + '.jpg'" mode="widthFix" />
    </view>
  </view>
</template>

<script>
export default {
  name: 'Guidance',
  components: {},
  data() {
    return {
      background: {
        // 导航栏背景图
        backgroundImage: 'linear-gradient(to  right, #3ad1ff, #0055ff)'
      }
    }
  },
  computed: {
    filePath() {
      return this.$filePath
    }
  },
  created() {
    console.log('加载操作指导')
  },
  methods: {}
}
</script>
<style lang="scss" scoped>
.img-wrapper {
  width: 100%;
  object-fit: contain;
}
</style>
